<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格标签</title>
</head>
<body>
    <h1>表格标签的使用</h1>
    <hr color="red" size="20">
    <p>表格标签是用table来表示的</p>
    <p>tr表示行，td表示列</p>
    <table border="1" width="400" hight="400">
        <tr>
            <td>姓名</td>
            <td>年龄</td>
            <td>性别</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>18</td>
            <td>男</td>
        </tr>
    </table>
    <hr color="red" size="20">
    <h1>合并单元格</h1>
    <hr color="red" size="20">
    <p>合并单元格是用colspan和rowspan来表示的</p>
    <p>colspan表示列的合并，rowspan表示行的合并</p>
 
    <table border="1" width="600" hight="600">
        <tr>
            <td colspan="3">单元格1 2 3</td>
            <!-- <td>单元格2</td>
            <td>单元格3</td> -->
            <td>单元格4</td>
            <td>单元格5</td>
        </tr>
        <tr>
            <td>单元格6</td>
            <td>单元格7</td>
            <td>单元格8</td>
            <td>单元格9</td>
            <td>单元格10</td>
        </tr>
        <tr>
            <td colspan="2" rowspan="2">单元格11 12 16 17</td>
            <!-- <td>单元格12</td> -->
            <td rowspan="3">单元格13 18 23</td>
            <td>单元格14</td>
            <td>单元格15</td>
        </tr>
        <tr>
            <!-- <td>单元格16</td>
            <td>单元格17</td> -->
            <!-- <td>单元格18</td> -->
            <td>单元格19</td>
            <td>单元格20</td>
        </tr>
        <tr>
            <td>单元格21</td>
            <td>单元格22</td>
            <!-- <td>单元格23</td> -->
            <td>单元格24</td>
            <td>单元格25</td>
        </tr>
    </table>



</body>
</html> 